/* 全局样式 */
body, html {
    margin: 0;
    padding: 0;
    height: 100%;
    overflow-x: hidden; /* 防止水平滚动条出现 */
    background-image: url('./../img/background.png'); /* 将背景图片应用到 body 或 html */
    background-size: cover; /* 使图片覆盖整个容器 */
    background-position: center; /* 图片居中 */
    background-attachment: fixed; /* 固定背景图片 */
}
/* 主内容区域 */
.content {
    padding: 20px;
    min-height: 100vh; /* 确保内容区域至少占满整个视口高度 */
    background-color: rgba(248, 249, 250, 0.8); /* 使用半透明背景色，使内容与背景图片分离 */
}
/* styles.css */
img {
    max-width: 100%;
    height: auto;
}

/* 版权信息样式 */
footer {
    background-color: #333; /* 深色背景 */
    color: #fff; /* 白色文字 */
    padding: 20px 0; /* 内边距 */
    text-align: center; /* 文字居中 */
    font-size: 14px; /* 字体大小 */
}

footer a {
    color: #fff; /* 链接颜色 */
    text-decoration: none; /* 移除下划线 */
}

footer a:hover {
    text-decoration: underline; /* 鼠标悬停时显示下划线 */
}

/*!* 确保页面内容不会被版权信息遮挡 *!*/
/*.container-fluid {*/
/*    min-height: calc(100vh - 120px); !* 120px 是导航栏和版权信息的高度 *!*/
/*}*/